<template>
	<view>
		<view class="list">
			<view class="" style="width: 100%;text-align: center;margin-top: 20rpx;position: absolute;">
				购买商品
			</view>
			<view class="top">
				<view class="list_li" v-for="(item,index) in 5">
					<image src="/static/logo.png" style="width: 50rpx;height: 50rpx;"></image>
					<view class="" style="width: 200rpx;margin-left: 10%;">
						商品名称
					</view>
					<view class="" style="width: 100rpx;">
						500g
					</view>
					<view class="" style="width: 100rpx;margin-left: 8%;">
						28.00
					</view>
				</view>
				<view class="" style="width: 100%;text-align: center;margin-top: 80rpx;">
					<text style="margin-right: 3%;">共计5件</text><text style="margin-right: 5%;">实付金额：890.00</text> 
				</view>
			</view>
		</view>
		<button type="default" style="width: 40%;background-color: #007AFF;color: #fff;font-size: 25rpx;margin-top: 100rpx;">提货完场</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.list_li{
		width: 90%;
		height: 60rpx;
		margin-left: 5%;
		display: flex;
		line-height: 50rpx;
	}
	.top{
		width: 100%;
		margin-top: 80rpx;
		position: absolute;
	}
	
	.list{
		width: 90%;
		margin-left: 5%;
		background-color: #fff;
		height: 44vh;
		margin-top: 50rpx;
	}
</style>
